iT邦幫忙

2024 iThome 鐵人賽

DAY 24
0
自我挑戰組

初階網頁學習與製作系列 第 24

Day-24 A-Frame (2) 框架建立 🎢

  • 分享至 

  • xImage
  •  

今天我來建構這次的程式碼架構,一樣是使用 HTML 來操作。
這段程式碼的前半部份跟之前的大差不差所以不多做敘述。

比較特別且關鍵的是 <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>這行代碼引入了 A-Frame 庫,讓我能夠使用其提供的功能來創建 3D 環境和物件。

最後, <body> 標籤目前是空的,這意味著尚未添加任何具體的 VR 內容。具體的內容會在後面幾天慢慢加上去。
我之後會在這個基礎上繼續添加虛擬現實場景,例如立方體、環形等,從而打造豐富的交互體驗。這段程式碼是一個良好的起點,讓我能夠進一步探索和實現虛擬現實的應用。
https://ithelp.ithome.com.tw/upload/images/20241008/201694608nWS9pW2cd.png

參考資料:
https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame#conclusion


上一篇
Day-23 A-Frame (1) 什麼是A-Frame? 🎪
下一篇
Day-25 A-Frame(3) 初始化場景+加入立方體+新增背景🎲
系列文
初階網頁學習與製作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言